<script setup lang="ts">
defineOptions({
  name: 'Level',
});
console.log('--[层级路由]--');

const tip = [
  '这是二级路由的提示，通常菜单只能打开最后一级路由，不应该显示中间层级路由的内容。',
  '所以应该将路由表中的组件去掉，只保留路由表中的路径。 将最后一级的路由组件渲染到 router-view 中。',
  '如果需要显示中间路由，则需要在路由表中添加组件，并在中间层级页面中添加 router-view 来做一层路由转发显示末级路由组件',
].join('----||||----');
</script>

<template>
  <div>
    <el-alert title="多级路由" :description="tip" type="warning" show-icon effect="light" :closable="false" />
    <RouterView />
  </div>
</template>
